/*eslint-disable*/
import React from "react";
// nodejs library that concatenates classes
import classNames from "classnames";
// @material-ui/core components
import { makeStyles } from "@material-ui/core/styles";
// @material-ui/icons
import LocationCityIcon from "@material-ui/icons/LocationCity";
import BusinessIcon from "@material-ui/icons/Business";
import BusinessCenter from "@material-ui/icons/BusinessCenter";
import EmojiTransportationIcon from "@material-ui/icons/EmojiTransportation";
// core components
import GridContainer from "components/Grid/GridContainer.js";
import GridItem from "components/Grid/GridItem.js";
import InfoArea from "components/InfoArea/InfoArea.js";
import CustomInput from "components/CustomInput/CustomInput.js";
import Button from "components/CustomButtons/Button.js";

import sectionContactStyle from "assets/jss/nextjs-material-kit-pro/pages/blogPostsSections/sectionContactStyle.js";

const useStyles = makeStyles(sectionContactStyle);

export default function ContactUsPage() {
  React.useEffect(() => {
    window.scrollTo(0, 0);
    document.body.scrollTop = 0;
  });
  const classes = useStyles();
  return (
    <div className={classes.section}>
      <div className={classes.contactContent}>
        <div className={classes.container}>
          <h2 className={classes.title}>免费获得数字化转型咨询</h2>
          <GridContainer>
            <GridItem md={6} sm={6}>
              <p>
                我们能帮助企业构建轻资产运营，让企业拥有更强的生命力。
                <br />
                <br />
              </p>
              <form>
                <CustomInput
                  labelText="称呼"
                  id="float"
                  formControlProps={{
                    fullWidth: true,
                  }}
                />
                <CustomInput
                  labelText="邮箱"
                  id="float"
                  formControlProps={{
                    fullWidth: true,
                  }}
                />
                <CustomInput
                  labelText="手机"
                  id="float"
                  formControlProps={{
                    fullWidth: true,
                  }}
                />
                <CustomInput
                  labelText="面对的企业数字化难题"
                  id="float"
                  formControlProps={{
                    fullWidth: true,
                  }}
                  inputProps={{
                    multiline: true,
                    rows: 6,
                  }}
                />
                <div className={classes.textCenter}>
                  <Button color="primary" round>
                    立即咨询
                  </Button>
                </div>
              </form>
            </GridItem>
            <GridItem md={4} sm={4} className={classes.mlAuto}>
              <InfoArea
                className={classes.info}
                title="轻资产软件服务构建"
                description={
                  <p>
                    以业务为核心 <br /> 以增长为根本 <br />{" "}
                    帮助企业实现持续增收的IT解决方案。
                  </p>
                }
                icon={LocationCityIcon}
                iconColor="primary"
              />
              <InfoArea
                className={classes.info}
                title="构建智能化企业软件服务"
                description={
                  <p>
                    以企业数据资产为根基 <br /> 深入理解企业业务 <br />{" "}
                    转化为有效的数据表达, 帮助企业实现决策。
                  </p>
                }
                icon={BusinessIcon}
                iconColor="primary"
              />
              <InfoArea
                className={classes.info}
                title="搭建企业持续增长服务"
                description={
                  <p>
                    用数据洞察企业的发展和变化 <br />{" "}
                    透视数据的信息，帮助企业持续增长 <br />{" "}
                    采用基于平台的增长战略 <br />{" "}
                    帮助客户实现产品以及客户的生命周期管理。
                  </p>
                }
                icon={EmojiTransportationIcon}
                iconColor="primary"
              />
            </GridItem>
          </GridContainer>
        </div>
      </div>
    </div>
  );
}
